import React, { memo } from 'react'
import {
  NavWrapper
} from './style'
export default memo(function RecommendNav(props) {
  const { title, arr } = props
  
  return (
    <NavWrapper className="sprite_02">
      <h2 className="title">{title}</h2>
      <div className="list">
        {
          arr.map(item => {
            return (
              <span key={item} className="list_item" size={140}>{item}</span>
            )
          })
        }
      </div>
      <div className="more">
        <div>更多</div>
        <i className="sprite_02"></i>
      </div>
    </NavWrapper>
  )
})
